<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
    <button type="button" onclick="es5(1,2,3,4,5,6)" >测试es5</button>
    <button type="button" onclick="es6(17,28,39,4,5,6)" >测试es6</button>
    <button type="button" id="es5" >测试es5this</button>
    <button type="button" id="es6">测试es6this</button>
<body>
<script>
function es5(a,b,c,...abc) {
    console.log('a',a);
    console.log('b',b);
    console.log('c',c);
    console.log('abc',abc);
    console.log('d',a);
    console.log('arguments',arguments)
}
let es6=(a,b,c,d,e)=>{
    console.log('a',a);
    console.log('b',b);
    console.log('c',c);
}
window.onload=()=>{
    document.querySelector('#es5').onclick=function (){
        console.log('this',this);
    }
    document.querySelector('#es6').onclick=()=>console.log('this',this);
}
onload=()=>{
    let fu='fu';
    function zi() {
        let zi1='zi';
        console.log('zi1',zi1);
        console.log('fu',fu);
    }
    zi();
    console.log(zi1);
}

</script>
</body>
</html>